<!DOCTYPE html>
<html>

	<head>
	    <meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
		<title>首页</title>
		<link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../vendors/animate/animate.css" />
        <link rel="stylesheet" href="../css/style.css">
        <link rel="stylesheet" href="../css/event.css">
	</head>

	<body>
		<!-- 页面头部 开始 -->
		<div class="ic-header ">
			<div class="top-nav hidden-xs hidden-sm">
			    <div class="container">
			        <div class="row">
			            <div class="top-nav-favsite col-xs-6">
			                <a href="#">收藏本站</a>
			            </div>
			            <div class="top-nav-useradmin col-xs-6">
			                <ul class="pull-right">
			                    <li><a href="ic-designer-register.html">设计师注册</a></li>
			                    <li><a href="ic-register.html">大众注册</a></li>
			                    <li><a href="ic-login.html">登录</a></li>
			                </ul>
			                <div class="favfolder pull-right">
			                    <a href=""><i class="fa fa-star"></i>收藏夹</a>
			                </div>
			                <div class="shopcart pull-right">
			                    <a href=""><i class="fa fa-shopping-cart"></i>购物车<b>2</b></a>
			                </div>
			            </div>
			        </div>
			    </div>
			</div>
		    <div class="main-nav">
		        <div class="container">
		            <div class="row">
		            
		                <div class="main-logo col-xs-12 col-md-2" data-step="1">
		                    <a href="https://www.icolor.com.cn/">
		                        <img src="../images/public/icolor-logo.png" alt="icolor-logo">
		                    </a>
		                </div>
		
		                <div class="col-xs-12 col-md-6 col-lg-5">
		                    <ul class="list-unstyled row main-nav-ul">
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                            <a href="https://www.icolor.com.cn/meitu" data-step="2">
		                                <h2>美居美图</h2>
		                                <h4>海量图文灵感搭配</h4>
		                            </a>
		                        </li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/jiapin" data-step="3">
		                            <h2>美居家品</h2>
		                            <h4>场景体验一站购买</h4>
		                        </a></li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/design" data-step="4">
		                            <h2>美居设计</h2>
		                            <h4>家居设计定制服务</h4>
		                        </a></li>
		                    </ul>
		                </div>
		
		              
		                
		            </div>
		        </div>
		    </div>
		</div>
		<!-- 页面头部 结束 -->
		

		<!-- 站点访问路径 结束 -->

		<div class="container-fluid">
			<div class="row">
				<div class="iColor-list">
					<div><a href=""><img src="../images/contents/event/index815/kv.jpg" alt=""></a></div>
				    <div class="iColor-hot mt50">
				        <div class="iColor-tit">
				            <a href="https://www.icolor.com.cn/jiapin">今日最热门<i>HOT ON ICOLOR TODAY</i><span>more</span></a>
				        </div>
				        <ul class="clearfix">
				            <li>
				                <a href="http://ap.icolor.com.cn/front/html/ic-event-baokuan.html" title=""><img src="../images/contents/event/index815/hot_cp1.jpg" alt=""></a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/10000RYT" title=""><img src="../images/contents/event/index815/hot_cp2.jpg" alt=""></a>
				            </li>
				            <li>
				                <a href="http://ap.icolor.com.cn/newicolor/tao/1/index.html" title=""><img src="../images/contents/event/index815/hot_cp3.jpg" alt=""></a>
				            </li>
				            <li>
				                <a href="http://ap.icolor.com.cn/newfront/html/ic-event-tugou-815.html" title=""><img src="../images/contents/event/index815/hot_cp4.jpg" alt=""></a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/10000Y1K" title=""><img src="../images/contents/event/index815/hot_cp5.jpg" alt=""></a>
				            </li>
				        </ul>
				    </div>
				    <div class="iColor-mj mt50">
				        <div class="iColor-tit">
				            <a href="https://www.icolor.com.cn/meitu">美居美图<i>Decoration Gallery</i><span>more</span></a>
				        </div>
				        <ul class="clearfix">
				            <li>
				                <a href="https://www.icolor.com.cn/meitu/content/P0502808/picture">
				                	<img src="../images/contents/event/index815/mj_cp1.jpg" alt="">
				                	<span>斯堪的纳维亚风情</span>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/meitu/content/bundle/P0513569/picture">
				                	<img src="../images/contents/event/index815/mj_cp2.jpg" alt="">
				                	<span>清新原木用餐区</span>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/meitu/content/P0515504/picture">
				                	<img src="../images/contents/event/index815/mj_cp4.jpg" alt="">
				                	<span>蓝色生活物语</span>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/meitu/content/P0463668/picture">
				                	<img src="../images/contents/event/index815/mj_cp5.jpg" alt="">
				                	<span>回归自然美好家园</span>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/10000ZO4">
				                	<img src="../images/contents/event/index815/mj_cp3.jpg" alt="">
				                	<span>刘玟霭/丘曜鸣别墅</span>
				                </a>
				            </li>
				        </ul>
				    </div>
				    <div class="iColor-dz mt50">
				        <div class="iColor-tit">
				            <a href="https://www.icolor.com.cn/design">定制设计<i>CUSTOM DESIGN</i><span>more</span></a>
				        </div>
				        <ul class="clearfix">
				            <li>
				            	<img src="../images/contents/event/index815/dz_sj1.jpg" alt="">
				                <span><a href="https://www.icolor.com.cn/jiapin/m/M_PYDesignerStore">了解更多</a></span>
				            </li>
				            <li>
				            	<img src="../images/contents/event/index815/dz_sj2.jpg" alt="">
				                <span><a href="https://www.icolor.com.cn/design/designer/W149763/workshop">了解更多</a></span>
				            </li>
				        </ul>
				    </div>
				    <div class="iColor-zx mt50">
				        <div class="iColor-tit">
				            <a href="https://www.icolor.com.cn/design">装修服务<i>Decoration services</i><span>more</span></a>
				        </div>
				        <ul class="clearfix">
				            <li>
				                <a href="https://www.icolor.com.cn/design/designer/W215502/workshop">
				                	<img src="../images/contents/event/index815/zx_fw1.jpg" alt="">
				                	<span>境远装饰<i>行业新秀</i></span>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/design/designer/W215603/workshop">
				                	<img src="../images/contents/event/index815/zx_fw2.jpg" alt="">
				                	<span>同济经典<i>海派精工</i></span>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/design/designer/W215501/workshop">
				                	<img src="../images/contents/event/index815/zx_fw3.jpg" alt="">
				                	<span>紫苹果国际设计<i>别墅大宅新风范</i></span>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/design/designer/W215500/workshop">
				                	<img src="../images/contents/event/index815/zx_fw4.jpg" alt="">
				                	<span>俞润空间设计<i>性价比之王</i></span>
				                </a>
				            </li>
				        </ul>
				    </div>
				    <div class="iColor-jp mt50">
				        <div class="iColor-tit">
				            <a href="https://www.icolor.com.cn/jiapin">美居家品<i>Household products</i><span>more</span></a>
				        </div>
				        <ul class="clearfix">
				            <li>
				                <a href="https://www.icolor.com.cn/p/100008I1">
				                	<img src="../images/contents/event/index815/mj_jp1.jpg" alt="">
				                	<span>立即购买</span>
				                	<p><i>￥329.00</i>全棉印花床单四件套</p>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/10000BOG">
				                	<img src="../images/contents/event/index815/mj_jp2.jpg" alt="">
				                	<span>立即购买</span>
				                	<p><i>￥899.00/平方</i>现代简约百叶衣柜</p>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/10000XZ4">
				                	<img src="../images/contents/event/index815/mj_jp3.jpg" alt="">
				                	<span>立即购买</span>
				                	<p><i>￥65.00/m²</i>强化复合地板</p>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/1000067X">
				                	<img src="../images/contents/event/index815/mj_jp4.jpg" alt="">
				                	<span>立即购买</span>
				                	<p><i>￥1294.00</i>净味120硅藻抗甲醛套装</p>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/10000A1Y">
				                	<img src="../images/contents/event/index815/mj_jp5.jpg" alt="">
				                	<span>立即购买</span>
				                	<p><i>￥780.00</i>创意木艺简约吊灯</p>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/100010A5">
				                	<img src="../images/contents/event/index815/mj_jp6.jpg" alt="">
				                	<span>立即购买</span>
				                	<p><i>￥3690.00</i>云魔方抽油烟机</p>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/10000R5I">
				                	<img src="../images/contents/event/index815/mj_jp7.jpg" alt="">
				                	<span>立即购买</span>
				                	<p><i>￥299.00</i>耳塞式运动耳机</p>
				                </a>
				            </li>
				            <li>
				                <a href="https://www.icolor.com.cn/p/10000ZMM">
				                	<img src="../images/contents/event/index815/mj_jp8.jpg" alt="">
				                	<span>立即购买</span>
				                	<p><i>￥19800.00</i>创意水晶红酒醒酒器</p>
				                </a>
				            </li>
				        </ul>
				    </div>
				</div>
			</div>
		</div>


		<!--引导浮层开始-->
		<div class="intro-big" id="bigpic"></div>
		<div class="intro-modal" id="intro">
			<div class="intro-overlay"></div>
			<div class="intro-helperLayer">
				<div class="container">
					<div class="mask"></div>
				</div>
			</div>
			<div class="intro-tooltip">
				<div class="layer layer1">
					<div class="container">
						<div class="arrow"></div>
						<div class="i"></div>
						<div class="txt">我是小i，欢迎来到iColor美居平台<br>点击logo，返回首页，每日精华尽在首页哦</div>
						<div class="btn" data-role="next">我知道了</div>
					</div>
				</div>
				<div class="layer layer2">
					<div class="container">
						<div class="arrow"></div>
						<div class="i"></div>
						<div class="txt">想寻找更多家居灵感？<br><span>去看<strong>美居美图</strong>里的精彩内容吧！</span></div>
						<div class="btn" data-role="next">我知道了</div>
					</div>
				</div>
				<div class="layer layer3">
					<div class="container">
						<div class="i"></div>
						<ul class="scene">
							<li class="s1"></li>
							<li class="s2"></li>
							<li class="s3"></li>
						</ul>
						<div class="btn" data-role="next">我知道了</div>
					</div>
				</div>
				<div class="layer layer4">
					<div class="container">
						<div class="i"></div>
						<ul class="scene">
							<li class="s1"></li>
							<li class="s2"></li>
						</ul>
						<div class="btn" data-role="finished">开启美居生活</div>
					</div>
				</div>
			</div>
		</div>
		<!--引导浮层结束-->
		

		<script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
        <script src="../vendors/jquery.cookie/jquery.cookie.js"></script>
        <script type="text/javascript" src="../js/app.js"></script>

        <!--引导浮层-->
		<script>
		(function($){
			var intro = {
				count: 0,
				init: function(){

					var _this = this;
					
					$(window).load(function(){
						$('body').addClass('intro');
						$('#bigpic').show();
						
						setTimeout(function(){
							$('#bigpic').fadeOut('slow', function(){
								$('#intro').addClass('active');
								$('[data-step]').eq(_this.count).addClass('intro-relativePosition');
								$('.intro-tooltip .layer').eq(0).addClass('active');

								_this.doload();
							});
						}, 5000);
					})
				},
				next: function(i){
					$('[data-step]').map(function(index, elem) {
						if(index == i){
							$(elem).addClass('intro-relativePosition');
						}else{
							$(elem).removeClass('intro-relativePosition');
						}
					});

					var $mask = $('.intro-helperLayer .mask');
					var $layer = $('.intro-tooltip .layer');

					var curLeft = parseInt($mask.css('left'));
					if(i == 1){
						$mask.css({
							left: curLeft + 180
						});
					}else{
						$mask.css({
							left: curLeft + 160
						});
					}

					$layer.eq(i).addClass('active').siblings().removeClass('active');
				},
				close: function(){
					$('#intro').fadeOut('slow', function() {
						$(this).removeClass('active');
						$('body').removeClass('intro');
					});
				},
				doload: function(){
					var _this = this;
					$('[data-role="next"]').on('click', function(){
						_this.count += 1;
						_this.next(_this.count);
					});

					$('[data-role="finished"]').on('click', function(){
						_this.close();
					});
				}
			}

			if(!$.cookie('intro_cookie')){
				$.cookie('intro_cookie', true, {expires: 15});
				intro.init();
			}else{
				return;
			}

			
		})(jQuery);
		</script>
	</body>

</html>